<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title><?php echo C_TITLE ?></title>
    <base href="<?=base_url()?>" />
    <meta name="description"  content="<?php echo C_META_DESCRIPTION ?>" />
    <meta name="keywords"     content="<?php echo C_META_KEYWORDS    ?>" />
    <meta name="author"       content="<?php echo C_META_AUTHOR      ?>" />
    <meta name="generator"    content="Emacs http://www.gnu.org/software/emacs/" />

    <link href="application/external/jquery-ui/css/themes/default/jquery-ui.css" rel="stylesheet" type="text/css" />
    <link href="application/external/qTip2/jquery.qtip.min.css"                  rel="stylesheet" type="text/css" />
     <!-- <link href="application/views/scripts/css/login.css"                         rel="stylesheet" type="text/css" />  -->
     <style type="text/css" media="screen">
       <?php include('scripts/css/login.css') ?>
     </style>
    <script src='application/external/jquery.min.js'                                              type='text/javascript'></script>
    <script src='application/external/jquery-ui/js/jquery-ui.min.js'                              type='text/javascript'></script>
    <script src='application/external/jquery.crypt.js'                                            type='text/javascript'></script>
    <script src='application/external/wijmo/development-bundle/external/jquery.mousewheel.min.js' type='text/javascript'></script>
    <script src='application/external/jquery.sbscroller.js'                                       type='text/javascript'></script>
    <script src='application/external/qTip2/jquery.qtip.min.js'                                   type='text/javascript'></script>
    <script src='application/views/scripts/js/login.js'                                           type='text/javascript'></script>
  </head>
  <body>
    <div id="wrapper">
      <div id="logo">
        <a id="hp_logo" href="">
          <img src="application/assets/imagenes/escudo-header.png" alt="<?php echo $this->lang->line('img_alt_shield_header').C_NOMBRE_AYUNTAMIENTO ?>" />
        </a>
      </div>
      <div id="flags" align="right">
        <a id="flag_es" href="#">
          <img src="application/assets/images/flags/spanish.png" alt="<?php echo $this->lang->line('img_alt_flag_es') ?>" />
        </a>
        <a id="flag_cat" href="#">
          <img src="application/assets/images/flags/catalan.png" alt="<?php echo $this->lang->line('img_alt_flag_cat') ?>" />
        </a>
        <a id="flag_en" href="#">
          <img src="application/assets/images/flags/english.png" alt="<?php echo $this->lang->line('img_alt_flag_en') ?>" />
        </a>
        <a id="flag_fr" href="#">
          <img src="application/assets/images/flags/french.png" alt="<?php echo $this->lang->line('img_alt_flag_fr') ?>" />
        </a>
        <a id="flag_de" href="#">
          <img src="application/assets/images/flags/german.png" alt="<?php echo $this->lang->line('img_alt_flag_de') ?>" />
        </a>
        <a id="flag_it" href="#">
          <img src="application/assets/images/flags/italian.png" alt="<?php echo $this->lang->line('img_alt_flag_it') ?>" />
        </a>
        <a id="flag_pt_br" href="#">
          <img src="application/assets/images/flags/brazilian_portuguese.png" alt="<?php echo $this->lang->line('img_alt_flag_pt_br') ?>" />
        </a>
        <a id="flag_pl" href="#">
          <img src="application/assets/images/flags/polish.png" alt="<?php echo $this->lang->line('img_alt_flag_pl') ?>" />
        </a>
        <a id="flag_hu" href="#">
          <img src="application/assets/images/flags/hungarian.png" alt="<?php echo $this->lang->line('img_alt_flag_hu') ?>" />
        </a>
        <a id="flag_pt" href="#">
          <img src="application/assets/images/flags/portuguese.png" alt="<?php echo $this->lang->line('img_alt_flag_pt') ?>" />
        </a>
        <a id="flag_ru" href="#">
          <img src="application/assets/images/flags/russian.png" alt="<?php echo $this->lang->line('img_alt_flag_ru') ?>" />
        </a>
        <a id="flag_sl" href="#">
          <img src="application/assets/images/flags/slovenian.png" alt="<?php echo $this->lang->line('img_alt_flag_sl') ?>" />
        </a>
        <a id="flag_tr" href="#">
          <img src="application/assets/images/flags/turkish.png" alt="<?php echo $this->lang->line('img_alt_flag_tr') ?>" />
        </a>
      </div>
      <div id="header" class="ui-widget-content ui-corner-all">
        <center>
          <h1 id="nombreAgencia" class="ui-state-highlight ui-corner-top"><?php echo C_NOMBRE_AGENCIA ?></h1>
        </center>
      </div>
      <div id="middle">
        <div id="login" class="ui-widget-content ui-corner-all">
          <center>
            <h2 class="ui-state-default ui-corner-top"><b><?php echo $this->lang->line('login_titulo') ?></b></h2>
            <img id="companies-employees" src="application/assets/images/companies-employees.png"  alt="<?php echo $this->lang->line('img_alt_login') ?>" />
            <form id="formLogin" name="formLogin" method="post" accept-charset="utf-8" action="login/acceso">
              <?= (isset($error)) ? "<p id='comment' class='validateTips ui-corner-all ui-state-error'>$error</p>" : "<p id='comment' class='validateTips ui-corner-all'></p>" ?>
              <h3 class="ui-state-active ui-corner-top" ><?php echo $this->lang->line('login_user') ?></h3>
              <input type="text" id="username" name="username" class="ui-widget-content ui-corner-all" />
              <h3 class="ui-state-active ui-corner-top" ><?php echo $this->lang->line('login_password') ?></h3>
              <input type="password" id="password" name="password" class="ui-widget-content ui-corner-all" />
              <br />
              <button type='submit' id='entrar' name='entrar' style="margin-top:6px;"><?php echo $this->lang->line('login_button') ?></button>
            </form>
            <br />
            <a id="hp_register" href="#"><?php echo $this->lang->line("text_hp_register") ?></a><br />
            <a id="hp_recovery_pwd" href="#"><?php echo $this->lang->line("text_hp_recovery_pwd") ?></a>
          </center>
        </div>
        <div id="tabs" class="tabs-bottom">
          <ul>
            <li><a id="hp_tab1" href="#tabs-1"><?php echo $this->lang->line('tabs_t_1') ?></a></li>
          </ul>
          <div id="tabs-1">
            <img id="imgAlcalde" src="application/assets/imagenes/alcalde.jpg" class="ui-widget-content ui-corner-all" alt="Alcalde de la Ciudad" align="left" />
            <?php echo C_SALUDO_ALCALDE ?>
          </div>
        </div>
      </div>
      <!--
      <div id="container-pictures">
        <center>
          <div id="picture1" class="ui-state-default ui-corner-all">
            <center>
              <a href="http://es.wikipedia.org/wiki/Accesibilidad_web" target="_blank" >
                <img src="application/assets/images/tecnologias.png" alt="Logos de las Tecnologías Utilizadas" />
              </a>
            </center>
          </div>
          <div id="picture2" class="ui-state-default ui-corner-all">
            <center>
              <a href="http://www.almansa.es/" target="_blank">
                <img src="application/assets/imagenes/escudo.png" alt="Escudo del Ayuntamiento de Almansa" />
              </a>
            </center>
          </div>
          <div id="picture3" class="ui-state-default ui-corner-all" >
            <center>
              <a href="#">
                <img src="application/assets/imagenes/Logo_CEE.png" alt="Logo de la Consejería de Empleo y Economía" />
              </a>
            </center>
          </div>
          <center>
      </div>
      -->
      <div id="footer" class="ui-widget-content ui-corner-all">
        <i>
          <center class="ui-state-highlight ui-corner-top">
             <?php echo "Centro de Empleo" .C_NOMBRE_AYUNTAMIENTO. "<br />" .C_DIRECCION_AYUNTAMIENTO. " | Tlf: " .C_TELEFONO_AYUNTAMIENTO. " | " .C_EMAIL_AYUNTAMIENTO ?>
          </center>
        </i>
      </div>
    </div>
  </body>
</html>


